Full source code website bán hàng thương mại điện tử gần giống shopee
472.211 lượt xem;
1 body
2 {
3 margin:0px;
4 padding:0px;
5 color:#000000;
6 font-size:11px;
7 font-family: Tahoma;
8 }
9 a:link
10 {
11 color:#6A6A6A;
12 font-size:11px;
13 font-weight:bold;
14 text-decoration:none;
15 }
16 a:hover
17 {
18 color:#5D5D5D;
19 font-size:11px;
20 font-weight:bold;
21 text-decoration:none;
22 position: relative;
23 }
24 a[data]:hover:after {
25 content: attr(data);
26 padding: 4px 8px;
27 color: #FFFFFF;
28 position: absolute;
29 right: 0px;
30 top: -30px;
31 white-space: nowrap;
32 z-index: 2;
33 border-radius: 5px ;
34 background: rgba(0,0,0,0.5);
35 }
36 .td_chuan
37 {
38 padding-left:10px;
39 padding-right:10px;
40 }
41 .td_sanpham
42 {
43 text-align:center;
44 }
45 img
46 {
47 border:0px;
48 }
49
50 #page_home
51 {
52 width:100%
53 margin: 0 auto;
54 background-color:#000000;
55 }
56 #header
57 {
58 margin: 0 auto;
59 width:100%;
60 height:120px;
61 background-image:url('header-bg.png');
62 }
63 #welcomebar {
64 border: 1px solid #DEDEDE;
65 background-color: #FFFFFF;
66 color: #505050;
67 }
68 #welcomeuser,#welcomedate {
69 padding: 7px 5px 7px 5px;
70 }
71 #welcomedate {
72 float: right;
73 }
74 #logo {
75 margin: 0 auto;
76 font-size:15px;
77 padding-left: 10px;
78 height: 50px;
79 }
80 #logo img {
81 margin-top: 7px;
82 }
83 #status {
84 padding: 2px;
85 }
86
87 #livestats {
88 background-color: #F0F0F0;
89 padding: 6px 10px 6px 10px;
90 color: #646464;
91 text-align: center;
92 }
93 #menu_top
94 {
95 width:100%;
96 height:40px;
97 margin: 0 auto;
98 background-color:#1E589A;
99 }
100 #page-wrap { width: 100%; }
101 a { text-decoration: none; }
102 ul { list-style: none; }
103 p { margin: 15px 0; }
104
105 /*
106 LEVEL ONE
107 */
108 ul.dropdown { position: relative;margin:0px }
109 ul.dropdown li { height:40px;font-weight: bold; float: left; zoom: 1; }
110 ul.dropdown a:hover { color: #000; }
111 ul.dropdown a:active { color: #ffa500; }
112 ul.dropdown li a {height:32px;line-height:250%; font-size:12px; display: block; padding: 4px 8px; border-right: 1px solid #061B32;
113 color: #FFFFFF; }
114 .home_hover {background-color:#061B32;height:32px;line-height:210%; font-size:15px; display: block; border-right: none; } /* Doesn't work in IE */
115 ul.dropdown li.hover,
116 ul.dropdown li:hover { background: #F3D673; color: black; position: relative; }
117 ul.dropdown li.hover a { color: black; }
118
119
120 /*
121 LEVEL TWO
122 */
123 ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;z-index:365; }
124 ul.dropdown ul li {height:25px; font-weight: normal; background: #f6f6f6; color: #000;
125 border-bottom: 1px solid #ccc; float: none;margin-left:-40px }
126
127 /* IE 6 & 7 Needs Inline Block */
128 ul.dropdown ul li a {line-height:180%; font-size:13px; border-right: none; width: 100%; display: inline; }
129
130 /*
131 LEVEL THREE
132 */
133 ul.dropdown ul ul { left: 100%; top: 0; }
134 ul.dropdown li:hover > ul { visibility: visible; }
135 #center
136 {
137 width:100%;
138 background-color:#000000;
139 margin: 0 auto;
140 }
141 #content
142 {
143 width:100%;
144 min-height:365px;
145 margin: 0 auto;
146 background-color:#FFFFFF;
147 }
148 .table_a
149 {
150 }
151 .table_a1
152 {
153 background-color:#F0F0F0;
154 }
155 #content_footer
156 {
157 width:100%;
158 height:30px;
159 margin: 0 auto;
160 background-color:#FFFFFF;
161 clear:both;
162 }
163 .button
164 {
165 cursor: pointer;
166 color: #3D3D3D;
167 font-weight: bold;
168 border: 1px solid #D1D1D1;
169 border-radius: 5px 5px 5px 5px;
170 /* float: right; */
171 height: 32px;
172 margin: 9px 8px 9px 0;
173 padding: 5px 14px 7px 12px;
174 cursor: pointer;
175 border: 1px solid #c6c6c6;
176 background: #f1f1f1;
177 }
178 .button:hover
179 {
180 cursor: pointer;
181 color: #fff;
182 font-weight: bold;
183 border: 1px solid #D1D1D1;
184 border-radius: 5px 5px 5px 5px;
185 /* float: right; */
186 height: 32px;
187 margin: 9px 8px 9px 0;
188 padding: 5px 14px 7px 12px;
189 cursor: pointer;
190 border: 1px solid #c6c6c6;
191 background: #9c9a9a;
192 }
193 .button_delete
194 {
195 color:#3D3D3D;
196 font-weight:bold;
197 border:1px solid #D1D1D1;
198 padding:3px 7px;
199 border-radius: 5px 5px 5px 5px;
200 }
201 .nhapmoi
202 {
203 cursor:pointer;
204 color:#3D3D3D;
205 font-weight:bold;
206 border:1px solid #D1D1D1;
207 }
208 .space_content
209 {
210 height:20px;
211 }
212 .title
213 {
214 color:#fff;
215 font-size:13px;
216 font-weight:bold;
217 }
218 .alert
219 {
220 color:red;
221 font-size:13px;
222 font-weight:bold;
223 }
224
225
226
227
228 :link, :visited{ text-decoration: none; }
229
230 a{ color: #353535; outline: none; text-decoration: none; }
231 a img, :link img, :visited img{ border: none; }
232 #store{ margin: 0px auto 0; width: 100%;}
233 #store h1{ margin: 0 0 10px; padding: 0; font-size: 16px; color: #115F8A; text-align: center; font-weight: bold; }
234 #store h2{ margin: 0 0 20px; padding: 0; font-size: 16px; color: #8C8C8C; text-align: center; font-weight: normal; }
235 #store .clear{ clear: both; }
236 #store .skins a{ text-decoration: none; }
237 #store .skins a img{ border: none; }
238 #store .skins .skin{ background: url('/Images/skins/bg-item.png') center top no-repeat transparent; text-align: center; }
239 #store .skins .skin{ float: left;border:1px solid #C0C0C0; width: 274px; height: 280px; overflow: hidden; margin-bottom: 10px; margin-right:0px; position: relative; }
240 #store .skins .image{ margin: 0px auto 0; width: 274px; height: 280px; overflow: hidden; border-radius: 2px; }
241 #store .skins .control{ background: url('/Images/skins/bg-item-hover.png') center center repeat transparent; border-radius: 2px; }
242 #store .skins .control{ background-image:url('light.png'); width: 274px; height: 280px; overflow: hidden; position: absolute; left: 0px; top: 0px; display: none; }
243 #store .skins .control h3{ margin: 55px 0 15px; padding: 0; font-family: Arial; color: #FFF; font-size: 16px; text-transform: uppercase; }
244 #store .skins .control .zoom{ display: block; margin: 0 0 25px; }
245 .space{float:left; width:80px; height:200px;}
246 .page
247 {
248 width:100%;
249 }
250 .page a:link
251 {
252 padding:4px 10px;
253 background-color:#716F6F;
254 text-decoration:none;
255 color:#FFFFFF;
256 border-radius: 5px 5px 5px 5px;
257 }
258 .page a:hover
259 {
260 padding:4px 10px;
261 background-color:#FF3E19;
262 text-decoration:none;
263 color:#FFFFFF;
264 border-radius: 5px 5px 5px 5px;
265 }
266
267
268 .button_link
269 {
270 padding:4px 10px;
271 background-color:#716F6F;
272 text-decoration:none;
273 color:#FFFFFF;
274 border-radius: 5px 5px 5px 5px;
275 }
276 .button_link a:hover
277 {
278 padding:4px 10px;
279 background-color:#FF3E19;
280 text-decoration:none;
281 color:#FFFFFF;
282 border-radius: 5px 5px 5px 5px;
283 }
284
285 #name
286 {
287 color:#434243;
288 text-decoration: none;
289 }
290 #name a:link
291 {
292 COLOR:#000000;
293 FONT-FAMILY:tahoma;
294 TEXT-DECORATION: none
295 }
296 #name a:hover
297 {
298 COLOR:#000000;
299 FONT-FAMILY:tahoma;
300 TEXT-DECORATION: none
301 }
302 #name a:visited
303 {
304 COLOR:#000000;
305 FONT-FAMILY:tahoma;
306 TEXT-DECORATION: none
307 }
308 .active
309 {
310 padding:4px 10px;
311 background-color:#FF3E19;
312 color:#FFFFFF;
313 *border-radius: 5px 5px 5px 5px;
314 }
315 .button_dungthu
316 {
317 border:0px;
318 width:106px;
319 height:31px;
320 cursor:pointer;
321 background-image: url('register.png');
322 margin-top: 5px;
323 }
324 .Butthutu
325 {
326 width:60px;
327 height:18px;
328 }
329 .Butprice
330 {
331 width:60px;
332 height:18px;
333 }
334 #footer
335 {
336 width:100%;
337 padding-top:5px;
338 text-align:center;
339 font-size:12px;
340 color:#FFFFFF;
341 font-weight:bold;
342 height:150px;
343 margin: 0 auto;
344 background:#1E589A;
345 }
346 /** inputs and textarea**/
347 input:not([type="submit"]), textarea{
348 border: 1px solid #DBDBDB;
349 /* -webkit-border-radius: 4px; */
350 -moz-border-radius: 4px;
351 /* border-radius: 4px; */
352 -webkit-transition: box-shadow 0.6s linear;
353 -moz-transition: box-shadow 0.6s linear;
354 -o-transition: box-shadow 0.6s linear;
355 transition: box-shadow 0.6s linear;
356 border-radius: 3px;
357 background-clip: padding-box;
358 border-color: #ddd;
359 border-width: 1px;
360 box-shadow: none;
361 font-size: 13px;
362 height: 31px;
363
364 input:not([type="submit"]):active, textarea:active,
365 input:not([type="submit"]):focus, textarea:focus{
366 background:#fff;
367 -webkit-box-shadow:2px 2px 7px #E8E8E8 inset;
368 -moz-box-shadow:2px 2px 7px #E8E8E8 inset;
369 box-shadow:2px 2px 7px #E8E8E8 inset;}
370
371 input:not([type="submit"]){}
372
373 textarea{
374 min-height:50px;
375 resize:vertical}
376
377 ::-webkit-input-placeholder {
378 color:#BABABA;
379 font-style:normal;}
380
381 input:-moz-placeholder,
382 textarea:-moz-placeholder{
383 color:#BABABA;
384 font-style:normal;}
385 .infovalue
386 {
387 padding-left:10px;
388 }
389 .td_add
390 {
391 padding-right:30px;
392 }
2 {
3 margin:0px;
4 padding:0px;
5 color:#000000;
6 font-size:11px;
7 font-family: Tahoma;
8 }
9 a:link
10 {
11 color:#6A6A6A;
12 font-size:11px;
13 font-weight:bold;
14 text-decoration:none;
15 }
16 a:hover
17 {
18 color:#5D5D5D;
19 font-size:11px;
20 font-weight:bold;
21 text-decoration:none;
22 position: relative;
23 }
24 a[data]:hover:after {
25 content: attr(data);
26 padding: 4px 8px;
27 color: #FFFFFF;
28 position: absolute;
29 right: 0px;
30 top: -30px;
31 white-space: nowrap;
32 z-index: 2;
33 border-radius: 5px ;
34 background: rgba(0,0,0,0.5);
35 }
36 .td_chuan
37 {
38 padding-left:10px;
39 padding-right:10px;
40 }
41 .td_sanpham
42 {
43 text-align:center;
44 }
45 img
46 {
47 border:0px;
48 }
49
50 #page_home
51 {
52 width:100%
53 margin: 0 auto;
54 background-color:#000000;
55 }
56 #header
57 {
58 margin: 0 auto;
59 width:100%;
60 height:120px;
61 background-image:url('header-bg.png');
62 }
63 #welcomebar {
64 border: 1px solid #DEDEDE;
65 background-color: #FFFFFF;
66 color: #505050;
67 }
68 #welcomeuser,#welcomedate {
69 padding: 7px 5px 7px 5px;
70 }
71 #welcomedate {
72 float: right;
73 }
74 #logo {
75 margin: 0 auto;
76 font-size:15px;
77 padding-left: 10px;
78 height: 50px;
79 }
80 #logo img {
81 margin-top: 7px;
82 }
83 #status {
84 padding: 2px;
85 }
86
87 #livestats {
88 background-color: #F0F0F0;
89 padding: 6px 10px 6px 10px;
90 color: #646464;
91 text-align: center;
92 }
93 #menu_top
94 {
95 width:100%;
96 height:40px;
97 margin: 0 auto;
98 background-color:#1E589A;
99 }
100 #page-wrap { width: 100%; }
101 a { text-decoration: none; }
102 ul { list-style: none; }
103 p { margin: 15px 0; }
104
105 /*
106 LEVEL ONE
107 */
108 ul.dropdown { position: relative;margin:0px }
109 ul.dropdown li { height:40px;font-weight: bold; float: left; zoom: 1; }
110 ul.dropdown a:hover { color: #000; }
111 ul.dropdown a:active { color: #ffa500; }
112 ul.dropdown li a {height:32px;line-height:250%; font-size:12px; display: block; padding: 4px 8px; border-right: 1px solid #061B32;
113 color: #FFFFFF; }
114 .home_hover {background-color:#061B32;height:32px;line-height:210%; font-size:15px; display: block; border-right: none; } /* Doesn't work in IE */
115 ul.dropdown li.hover,
116 ul.dropdown li:hover { background: #F3D673; color: black; position: relative; }
117 ul.dropdown li.hover a { color: black; }
118
119
120 /*
121 LEVEL TWO
122 */
123 ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;z-index:365; }
124 ul.dropdown ul li {height:25px; font-weight: normal; background: #f6f6f6; color: #000;
125 border-bottom: 1px solid #ccc; float: none;margin-left:-40px }
126
127 /* IE 6 & 7 Needs Inline Block */
128 ul.dropdown ul li a {line-height:180%; font-size:13px; border-right: none; width: 100%; display: inline; }
129
130 /*
131 LEVEL THREE
132 */
133 ul.dropdown ul ul { left: 100%; top: 0; }
134 ul.dropdown li:hover > ul { visibility: visible; }
135 #center
136 {
137 width:100%;
138 background-color:#000000;
139 margin: 0 auto;
140 }
141 #content
142 {
143 width:100%;
144 min-height:365px;
145 margin: 0 auto;
146 background-color:#FFFFFF;
147 }
148 .table_a
149 {
150 }
151 .table_a1
152 {
153 background-color:#F0F0F0;
154 }
155 #content_footer
156 {
157 width:100%;
158 height:30px;
159 margin: 0 auto;
160 background-color:#FFFFFF;
161 clear:both;
162 }
163 .button
164 {
165 cursor: pointer;
166 color: #3D3D3D;
167 font-weight: bold;
168 border: 1px solid #D1D1D1;
169 border-radius: 5px 5px 5px 5px;
170 /* float: right; */
171 height: 32px;
172 margin: 9px 8px 9px 0;
173 padding: 5px 14px 7px 12px;
174 cursor: pointer;
175 border: 1px solid #c6c6c6;
176 background: #f1f1f1;
177 }
178 .button:hover
179 {
180 cursor: pointer;
181 color: #fff;
182 font-weight: bold;
183 border: 1px solid #D1D1D1;
184 border-radius: 5px 5px 5px 5px;
185 /* float: right; */
186 height: 32px;
187 margin: 9px 8px 9px 0;
188 padding: 5px 14px 7px 12px;
189 cursor: pointer;
190 border: 1px solid #c6c6c6;
191 background: #9c9a9a;
192 }
193 .button_delete
194 {
195 color:#3D3D3D;
196 font-weight:bold;
197 border:1px solid #D1D1D1;
198 padding:3px 7px;
199 border-radius: 5px 5px 5px 5px;
200 }
201 .nhapmoi
202 {
203 cursor:pointer;
204 color:#3D3D3D;
205 font-weight:bold;
206 border:1px solid #D1D1D1;
207 }
208 .space_content
209 {
210 height:20px;
211 }
212 .title
213 {
214 color:#fff;
215 font-size:13px;
216 font-weight:bold;
217 }
218 .alert
219 {
220 color:red;
221 font-size:13px;
222 font-weight:bold;
223 }
224
225
226
227
228 :link, :visited{ text-decoration: none; }
229
230 a{ color: #353535; outline: none; text-decoration: none; }
231 a img, :link img, :visited img{ border: none; }
232 #store{ margin: 0px auto 0; width: 100%;}
233 #store h1{ margin: 0 0 10px; padding: 0; font-size: 16px; color: #115F8A; text-align: center; font-weight: bold; }
234 #store h2{ margin: 0 0 20px; padding: 0; font-size: 16px; color: #8C8C8C; text-align: center; font-weight: normal; }
235 #store .clear{ clear: both; }
236 #store .skins a{ text-decoration: none; }
237 #store .skins a img{ border: none; }
238 #store .skins .skin{ background: url('/Images/skins/bg-item.png') center top no-repeat transparent; text-align: center; }
239 #store .skins .skin{ float: left;border:1px solid #C0C0C0; width: 274px; height: 280px; overflow: hidden; margin-bottom: 10px; margin-right:0px; position: relative; }
240 #store .skins .image{ margin: 0px auto 0; width: 274px; height: 280px; overflow: hidden; border-radius: 2px; }
241 #store .skins .control{ background: url('/Images/skins/bg-item-hover.png') center center repeat transparent; border-radius: 2px; }
242 #store .skins .control{ background-image:url('light.png'); width: 274px; height: 280px; overflow: hidden; position: absolute; left: 0px; top: 0px; display: none; }
243 #store .skins .control h3{ margin: 55px 0 15px; padding: 0; font-family: Arial; color: #FFF; font-size: 16px; text-transform: uppercase; }
244 #store .skins .control .zoom{ display: block; margin: 0 0 25px; }
245 .space{float:left; width:80px; height:200px;}
246 .page
247 {
248 width:100%;
249 }
250 .page a:link
251 {
252 padding:4px 10px;
253 background-color:#716F6F;
254 text-decoration:none;
255 color:#FFFFFF;
256 border-radius: 5px 5px 5px 5px;
257 }
258 .page a:hover
259 {
260 padding:4px 10px;
261 background-color:#FF3E19;
262 text-decoration:none;
263 color:#FFFFFF;
264 border-radius: 5px 5px 5px 5px;
265 }
266
267
268 .button_link
269 {
270 padding:4px 10px;
271 background-color:#716F6F;
272 text-decoration:none;
273 color:#FFFFFF;
274 border-radius: 5px 5px 5px 5px;
275 }
276 .button_link a:hover
277 {
278 padding:4px 10px;
279 background-color:#FF3E19;
280 text-decoration:none;
281 color:#FFFFFF;
282 border-radius: 5px 5px 5px 5px;
283 }
284
285 #name
286 {
287 color:#434243;
288 text-decoration: none;
289 }
290 #name a:link
291 {
292 COLOR:#000000;
293 FONT-FAMILY:tahoma;
294 TEXT-DECORATION: none
295 }
296 #name a:hover
297 {
298 COLOR:#000000;
299 FONT-FAMILY:tahoma;
300 TEXT-DECORATION: none
301 }
302 #name a:visited
303 {
304 COLOR:#000000;
305 FONT-FAMILY:tahoma;
306 TEXT-DECORATION: none
307 }
308 .active
309 {
310 padding:4px 10px;
311 background-color:#FF3E19;
312 color:#FFFFFF;
313 *border-radius: 5px 5px 5px 5px;
314 }
315 .button_dungthu
316 {
317 border:0px;
318 width:106px;
319 height:31px;
320 cursor:pointer;
321 background-image: url('register.png');
322 margin-top: 5px;
323 }
324 .Butthutu
325 {
326 width:60px;
327 height:18px;
328 }
329 .Butprice
330 {
331 width:60px;
332 height:18px;
333 }
334 #footer
335 {
336 width:100%;
337 padding-top:5px;
338 text-align:center;
339 font-size:12px;
340 color:#FFFFFF;
341 font-weight:bold;
342 height:150px;
343 margin: 0 auto;
344 background:#1E589A;
345 }
346 /** inputs and textarea**/
347 input:not([type="submit"]), textarea{
348 border: 1px solid #DBDBDB;
349 /* -webkit-border-radius: 4px; */
350 -moz-border-radius: 4px;
351 /* border-radius: 4px; */
352 -webkit-transition: box-shadow 0.6s linear;
353 -moz-transition: box-shadow 0.6s linear;
354 -o-transition: box-shadow 0.6s linear;
355 transition: box-shadow 0.6s linear;
356 border-radius: 3px;
357 background-clip: padding-box;
358 border-color: #ddd;
359 border-width: 1px;
360 box-shadow: none;
361 font-size: 13px;
362 height: 31px;
363
364 input:not([type="submit"]):active, textarea:active,
365 input:not([type="submit"]):focus, textarea:focus{
366 background:#fff;
367 -webkit-box-shadow:2px 2px 7px #E8E8E8 inset;
368 -moz-box-shadow:2px 2px 7px #E8E8E8 inset;
369 box-shadow:2px 2px 7px #E8E8E8 inset;}
370
371 input:not([type="submit"]){}
372
373 textarea{
374 min-height:50px;
375 resize:vertical}
376
377 ::-webkit-input-placeholder {
378 color:#BABABA;
379 font-style:normal;}
380
381 input:-moz-placeholder,
382 textarea:-moz-placeholder{
383 color:#BABABA;
384 font-style:normal;}
385 .infovalue
386 {
387 padding-left:10px;
388 }
389 .td_add
390 {
391 padding-right:30px;
392 }
